<template>
  <div>
    <div id="tui-image-editor">11111</div>
  </div>
</template>
<script>
export default {
  name: 'testC',
  components: {
  },
  data () {
    return {
      url: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1592224658748&di=dc477418b12c324509e14a7531a16c6f&imgtype=0&src=http%3A%2F%2Fimg8.zol.com.cn%2Fbbs%2Fupload%2F15135%2F15134745.JPG'
    }
  },
  created () {

  },
  mounted () {
    // var locale_ru_RU = { // override default English locale to your custom
    //   'Crop': 'Обзрезать',
    //   'Delete-all': 'Удалить всё'
    //   // etc...
    // }
    // var ImageEditor = require('tui-image-editor')
    // var instance = new ImageEditor(document.querySelector('#tui-image-editor'), {
    //   includeUI: {
    //     loadImage: {
    //       path: this.url,
    //       name: 'SampleImage'
    //     },
    //     locale: locale_ru_RU,
    //     // theme: blackTheme, // or whiteTheme
    //     initMenu: 'filter',
    //     menuBarPosition: 'bottom'
    //   },
    //   cssMaxWidth: 700,
    //   cssMaxHeight: 500,
    //   selectionStyle: {
    //     cornerSize: 20,
    //     rotatingPointOffset: 70
    //   }
    // })
  }
}
</script>